<template>
  <div class="page flex-col">
    <div class="box_1 flex-col"></div>
    <div class="box_2 flex-col">
      <div class="group_2 flex-col">
        <span class="text_1">我的发布</span>
        <div class="list_2 flex-col">
          <div class="list-items_1 flex-col" v-for="(item, index) in loopData0" :key="index">
            <div class="section_3 flex-row justify-between">
              <div class="block_1 flex-col"></div>
              <div class="group_3 flex-col justify-between">
                <span class="text_2" v-html="item.lanhutext0"></span>
                <div class="text-wrapper_1 flex-col">
                  <span class="text_3" v-html="item.lanhutext1"></span>
                </div>
              </div>
            </div>
            <div class="section_4 flex-row justify-between">
              <div class="text-wrapper_2 flex-col">
                <span class="text_4" v-html="item.lanhutext2"></span>
              </div>
              <div class="text-wrapper_3 flex-col">
                <span class="text_5" v-html="item.lanhutext3"></span>
              </div>
            </div>
          </div>
        </div>
        <img
          class="image_1"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/daca0037589b6f9204cee40eeeacdc52"
        />
      </div>
    </div>
  </div>
</template>

<script setup>
const loopData0 = [
  {
    lanhutext0: '伯里曼人体结构绘画教学',
    lanhutext1: '23动漫',
    lanhutext2: '编辑',
    lanhutext3: '删除'
  },
  {
    lanhutext0: '伯里曼人体结构绘画教学',
    lanhutext1: '23动漫',
    lanhutext2: '编辑',
    lanhutext3: '删除'
  },
  {
    lanhutext0: '伯里曼人体结构绘画教学',
    lanhutext1: '23动漫',
    lanhutext2: '编辑',
    lanhutext3: '删除'
  }
]
</script>
<style scoped src="@/static/MyReleases/common.css" />
<style scoped src="@/static/MyReleases/index.css" />
